﻿@model GPS.ENTITYS.CrudModelDKHSH

@{
    ViewBag.Title = "Sửa kế hoạch sát hạch";
}

<style type="text/css">
    .btn-file {
        position: relative;
        overflow: hidden;
    }

        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            background: red;
            cursor: inherit;
            display: block;
        }

    input[readonly] {
        background-color: white !important;
        cursor: text !important;
    }
</style>

@using (Html.BeginForm("Edit", "GPS_KeHoachSatHach", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <h3 class="text-center fdb-title-search-form">Sửa kế hoạch Sát Hạch</h3>
    <div id="tabs-1">
        @Html.Hidden("IsEdit", 0)
        <fieldset class="fs_body">
            <legend class="head_title">Thông tin kế hoạch Sát Hạch</legend>

            <div class="row margin-top-05">
                <div class="col-md-2 control-label">
                    Mã KH Sát Hạch<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.TextBoxFor(model => model.KHSH_MA, new { @class = "form-control", @id = "KHSH_MA", @readonly = "readonly" })
                    @Html.ValidationMessageFor(model => model.KHSH_MA)
                </div>
            </div>
            <div class="row margin-top-05">
                <div class="col-md-2 control-label">
                    Đơn vị đào tạo<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.DropDownListFor(model => model.KHSH_DVGTVT_MA, (SelectList)ViewBag.DVGTVT_MAs, string.Empty, new { @class = "form-control", @id = "ddlDVGTVT_MA" })
                    @Html.ValidationMessageFor(model => model.KHSH_DVGTVT_MA)
                </div>
                <div class="col-md-2 control-label">
                    Mã kỳ SH<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.DropDownListFor(model => model.KHSH_SH_MA, (SelectList)ViewBag.KHSH_SH_MAs, "-- Lựa Chọn --", new { @class = "form-control", @id = "ddlKHSH_SH_MA" })
                    @Html.ValidationMessageFor(model => model.KHSH_SH_MA)
                </div>
            </div>

            <div class="row margin-top-05">
                <div class="col-md-2 control-label">
                    Tháng năm của kế hoạch<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.TextBoxFor(model => model.KHSH_THANGNAM, new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.KHSH_THANGNAM)
                </div>
                <div class="col-md-2 control-label">
                    Ngày trong tháng của kế hoạch<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.TextBoxFor(model => model.KHSH_NGAYTRONGTHANG, new { @class = "form-control", @type = "number" })
                    @Html.ValidationMessageFor(model => model.KHSH_NGAYTRONGTHANG)
                </div>
            </div>
            <div class="row margin-top-05">
                <div class="col-md-2 control-label">
                    Người ký phê duyệt kế hoạch sát hạch<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.TextBoxFor(model => model.KHSH_NKY, new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.KHSH_NKY)
                </div>
                <div class="col-md-2 control-label">
                    Chức vụ của người ký phê duyệt kế hoạch sát hạch<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.TextBoxFor(model => model.KHSH_CVUNKY, new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.KHSH_CVUNKY)
                </div>
            </div>

            <div class="row margin-top-05">
                <div class="col-md-2 control-label">
                    Thứ trong tuần của kế hoạch sát hạch<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.DropDownListFor(model => model.KHSH_THUTRONGTUAN, new List<SelectListItem>
                                {                   new SelectListItem() {Text = "", Value=""},
                                                    new SelectListItem() {Text = "Thứ hai", Value="02"},
                                                    new SelectListItem() {Text = "Thứ ba", Value="03"},
                                                    new SelectListItem() {Text = "Thứ tư", Value="04"},
                                                    new SelectListItem() {Text = "Thứ năm", Value="05"},
                                                    new SelectListItem() {Text = "Thứ sáu", Value="06"},
                                                    new SelectListItem() {Text = "Thứ bảy", Value="07"},
                                                    new SelectListItem() {Text = "Chủ nhật", Value="08"},
                                }, new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.KHSH_THUTRONGTUAN)
                </div>
                <div class="col-md-2 control-label">
                    Số lượng thí sinh dự sát hạch của kỳ sát hạch<span style="color:red;">(*)</span>
                </div>
                <div class="col-md-4">
                    @Html.TextBoxFor(model => model.KHSH_SOLUONGTHISINH, new { @class = "form-control", @type = "number" })
                    @Html.ValidationMessageFor(model => model.KHSH_SOLUONGTHISINH)
                </div>
            </div>

            <div class="row margin-top-05">
                <div class="col-md-2 control-label">
                    Ngày sát hạch dự kiến
                </div>
                <div class="col-md-4">

                    @Html.TextBoxFor(model => model.KHSH_NGAYSH, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                </div>
                <div class="col-md-2 control-label">
                    Ngày lập kế hoạch
                </div>
                <div class="col-md-4">

                    @Html.TextBoxFor(model => model.KHSH_NGAYLAP, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                </div>
            </div>


        </fieldset>
    </div>
    <br />
    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-danger btn-sm">
                <span class="glyphicon glyphicon-floppy-disk"></span> Cập nhật
            </button>
            &nbsp;&nbsp;
            @Html.ActionLink("Quay lại", "Index", null, new { @class = "btn btn-primary btn-sm" })
        </div>

    </div>
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/datepicker.js"></script>
<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.maskMoney.js"></script>
<script src="~/Scripts/jquery.number.js"></script>
<script src="~/Scripts/jquery.masknumber.js"></script>
<script src="~/Scripts/moment.js"></script>

<script type="text/javascript">

    // Voi jQuery 1.9 > thi chi validate gia tri trong active tab
    // Muon validate nhung gia tri trong cac tab khac nua thi dung jquery.validate 1.8.1 or 1.7


    // mask edit cho truong ngay thang (su dung jquery.maskedinput)


    function ToJavaScriptDate(value) {
        if (value != null) {
            var pattern = /Date\(([^)]+)\)/;
            var results = pattern.exec(value);
            var dt = new Date(parseFloat(results[1]));
            return dt.getDate() + "/" + (dt.getMonth() + 1) + "/" + dt.getFullYear();
        }
        return null;
    }
</script>

<script type='text/javascript'>
    $(document).on('change', '.btn-file :file', function () {
        var input = $(this),
            numFiles = input.get(0).files ? input.get(0).files.length : 1,
            label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
        input.trigger('fileselect', [numFiles, label]);
    });

    function preview_image(event) {
        var reader = new FileReader();
        reader.onload = function () {
            var output = document.getElementById('output_image');
            output.src = reader.result;
        }
        reader.readAsDataURL(event.target.files[0]);
    }
</script>

<script type="text/javascript">
</script>

@Styles.Render("~/Content/themes/base/css")

<script type="text/javascript">
    $(document).ready(function () {
        $('.btn-file :file').on('fileselect', function (event, numFiles, label) {

            var input = $(this).parents('.input-group').find(':text'),
                log = numFiles > 1 ? numFiles + ' files selected' : label;

            if (input.length) {
                input.val(log);
            } else {
                if (log) alert(log);
            }
        });
    })
</script>
<script type="text/javascript">
    $("#KHSH_NGAYSH").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });

    $("#KHSH_NGAYLAP").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });


    $("#KHSH_NGAYSH").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    $("#KHSH_NGAYLAP").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });

    // cho phep nhap so thap phan (su dung jquery.number)
    //$("#GV_THAMNIENLX").number(true, 2, '.', '');

</script>

<script type="text/javascript">
    $(document).ready(function () {

        $("#ddlDVGTVT_MA").change(function () {

            $('#KHSH_MA').val('');
            $.ajax({
                url: '@Url.Action("getDSH", "GPS_KeHoachSatHach")',
                type: 'post',
                data: {
                    p_DVGTVT_MA: $('#ddlDVGTVT_MA').val()
                }
            }).done(function (response) {

                $('#KH_LOP_MA').val(response);
            });


        });

        $("#ddlKHSH_SH_MA").change(function () {
            var _valDVGT = $('#ddlDVGTVT_MA').val();
            var _KySH = $(this).val();
            if (_valDVGT != null && _valDVGT != '' && _KySH != null && _KySH != '') {
                $.ajax({
                    url: '@Url.Action("getKHSH_MA", "GPS_KeHoachSatHach")',
                    type: 'post',
                    data: {
                        p_DVGTVT_MA: _valDVGT,
                        p_KHSH_SH_MA: _KySH
                    }
                }).done(function (response) {

                    var a = '<option value></option>' + response;
                    $('#ddlKHSH_SH_MA').html(a);
                });
            }
            else {
                alert("Hãy nhập đơn vị GTVT và Mã kỳ sát hạch!");
            }

        });

        @*$('#btnsubmit1').click(function () {
            var _vResult = false;
            var _KHSH_MA = $('#KHSH_MA').val();
            $.ajax({
                url: '@Url.Action("getKHSH_SH_MA_EXISTS", "GPS_KeHoachSatHach")',
                type: 'post',
                data: {
                    p_KHSH_MA: _KHSH_MA
                }
            }).done(function (response) {
                if (response == true) {

                    alert("Mã kế hoạch sát hạch đã tồn tại");
                    return false;
                }
                else {
                    return true;
                }

            });

            return _vResult;
        });*@


    })
</script>